<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>css3选择器</title>
    <style>
        a{
            color: red;
            text-decoration: none;
        }
        #gu{color: green;}
        #rui{color: blue;
              font-size: 30px;     
        }
        .fs14{font-size: 14px;}
        .fs18{font-size: 18px;}
        .color-purple{color: purple;}
        .color-pink{color: pink;}
        .color-green{color: green;}
        .color-red{color: red;}
        .color-yellow{color: yellow;}
    </style>
</head>
<body>
    <a href="">我是a链接</a>
    <a href="">我是b链接</a>
    <a href="">我是c链接</a>
    <h1 id="gu">顾瑞祥</h1>
    <h2 id="rui">设置为蓝色</h2>
    <p class="fs14 color-red">我是一个p标签，我的字体是14px</p>
    <p class="fs14 color-yellow">我是一个p标签，我的字体是18px</p>
    <p class="fs18 color-pink">我是一个p标签，我的字体是14px</p>
    <p class="fs14 color-purple">我是一个p标签，我的字体是14px</p>
    <p class="fs14 color-green">我是一个p标签，我的字体是18px</p>
</body>
</html>